@primary-color: #1890ff;
@card-hover: #e6f7ff;

.home-container {
  padding: 32px 16px;
  min-height: 100vh;
  background: linear-gradient(135deg, #f8fafc 0%, #e0e7ef 100%);
}

.home-title {
  text-align: center;
  font-weight: 700;
  color: @primary-color;
  margin-bottom: 8px;
}

.home-desc {
  text-align: center;
  color: #888;
  margin-bottom: 32px;
  font-size: 16px;
}

.home-row {
  max-width: 1200px;
  margin: 0 auto;
}

.home-col {
  display: flex;
}

.home-card {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition:
    box-shadow 0.2s,
    background 0.2s;
  cursor: pointer;
  &:hover {
    background: @card-hover;
    box-shadow: 0 4px 16px rgba(24, 144, 255, 0.12);
  }
}

.home-link {
  display: block;
  text-decoration: none;
}

.home-card-title {
  color: @primary-color;
  font-weight: 600;
  margin-bottom: 4px !important;
}

.home-card-desc {
  color: #666 !important;
  font-size: 13px !important;
  margin: 0 !important;
}
